<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>艾家艾产品线上销售平台</title>
	<link rel="shortcut icon" href="../img/favicon.ico">
	<link rel="stylesheet" href="../css/reset.css" />
	<link rel="stylesheet" href="../css/service.css" />
	<script src="../them/jquery/jquery-1.7.2.js"></script>
	<link rel="stylesheet" href="../them/swiper/css/swiper-3.4.2.min.css" />
	<script src="../them/swiper/js/swiper-3.4.2.jquery.min.js"></script>
	
	<style>
	</style>
</head>
<body>
	<!--头部-->
	<div class="site-topbar">
	    <div class="container">
	        <div class="topbar-nav">
				<a href="javascript:;">在线客服</a>
				<a href="javascript:;">艾百科</a>
				<a href="javascript:;">养生百科</a>
				<a href="javascript:;">艾家商城移动版</a>
	        </div>
	        <div class="topbar-cart">
	            <a href="javascript:;" class="cart-mini">
	                <span class="cart"></span>
	                <span>购物车</span>
	                <!--<span>(0)</span>-->
	            </a>
	        </div>
	        <div class="topbar-info">
	            <a href="javascript:;">登录</a>
	            <a href="javascript:;">注册</a>
	            <a href="javascript:;">消息通知</a>
	            <div class="info_select">
	                <a href="personal-center.html">个人中心</a>
	                <a href="user-favorite.html">我的喜欢</a>
	                <a href="login.html">退出登录</a>
	            </div>
	        </div>
	    </div>
	</div>
	<!--导航-->
	<div class="site-header">
	    <div class="container">
	        <div class="header-logo">
	            <a href="javascript:;">
	                <span class="logo"></span>
	            </a>
	        </div>
			<div class="header-nav">
				<ul class="nav-list">
					<li class="nav-item">
						<a href="javacsript:;" class="link">
							<span>艾灸</span>
						</a>
						<div class="header-nav-menu">
							<div class="container">
								<ul class="children-list clearfix">
									<li style="border-left: 0">
										<div class="figure figure-thumb">
											<a href="javascript:;">
												<img src="http://192.168.31.3:18089/z1.jpg" >
												<p class="tittle">景德镇艾灸礼包</p>
												<p class="price">999元</p>
											</a>
										</div>
									</li>
									<li>
										<div class="figure figure-thumb">
											<a href="javascript:;">
												<img src="http://192.168.31.3:18089/z2.jpg" >
												<p class="tittle">独家艾灸</p>
												<p class="price">999元</p>
											</a>
										</div>
									</li>
									<li>
										<div class="figure figure-thumb">
											<a href="javascript:;">
												<img src="http://192.168.31.3:18089/z3.jpg" >
												<p class="tittle">顶级艾灸</p>
												<p class="price">999元</p>
											</a>
										</div>
									</li>
									<li>
										<div class="figure figure-thumb">
											<a href="javascript:;">
												<img src="http://192.168.31.3:18089/z4.jpg" >
												<p class="tittle">多功能艾灸床</p>
												<p class="price">999元</p>
											</a>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</li>
					<li class="nav-item">
						<a href="javacsript:;" class="link">
							<span>设备</span>
						</a>
						<div class="header-nav-menu">
							<div class="container">
								<ul class="children-list clearfix">
									<li style="border-left: 0">
										<div class="figure figure-thumb">
											<a href="javascript:;">
												<img src="http://192.168.31.3:18089/zb1.jpg" >
												<p class="tittle">推拿仪</p>
												<p class="price">999元</p>
											</a>
										</div>
									</li>
									<li>
										<div class="figure figure-thumb">
											<a href="javascript:;">
												<img src="http://192.168.31.3:18089/aj1.jpg" >
												<p class="tittle">艾香</p>
												<p class="price">999元</p>
											</a>
										</div>
									</li>
									<li>
										<div class="figure figure-thumb">
											<a href="javascript:;">
												<img src="http://192.168.31.3:18089/cx1.jpg" >
												<p class="tittle">艾灸盒</p>
												<p class="price">999元</p>
											</a>
										</div>
									</li>

								</ul>
							</div>
						</div>
					</li>
					<li class="nav-item">
						<a href="javacsript:;" class="link">
							<span>艾柱</span>
						</a>
						<div class="header-nav-menu">
							<div class="container">
								<ul class="children-list clearfix">
									<li style="border-left: 0">
										<div class="figure figure-thumb">
											<a href="javascript:;">
												<img src="http://192.168.31.3:18089/LH2.jpg" >
												<p class="tittle">艾柱贴</p>
												<p class="price">899元</p>
											</a>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</li>
					<li class="nav-item">
						<a href="javacsript:;" class="link">
							<span>文化</span>
						</a>
						<div class="header-nav-menu">
							<div class="container">
								<ul class="children-list clearfix">
									<li style="border-left: 0">
										<div class="figure figure-thumb">
											<a href="javascript:;">
												<img src="http://192.168.31.3:18089/LH3.jpg" >
												<p class="tittle">传艾图</p>
												<p class="price">1999元</p>
											</a>
										</div>
									</li>
									<li>
										<div class="figure figure-thumb">
											<a href="javascript:;">
												<img src="http://192.168.31.3:18089/sj1.jpg" >
												<p class="tittle">艾草书</p>
												<p class="price">99元</p>
											</a>
										</div>
									</li>
									<li>
										<div class="figure figure-thumb">
											<a href="javascript:;">
												<img src="http://192.168.31.3:18089/sj4.jpg" >
												<p class="tittle">艾灸百科</p>
												<p class="price">99元</p>
											</a>
										</div>
									</li>

								</ul>
							</div>
						</div>
					</li>
				</ul>
			</div>
	        <div class="header-search">
	            <form class="search-form clearfix" method="get">
	                <input class="search-text" type="search" name="keyword" autocomplete="off">
	                <input type="submit" class="search-btn" value=" ">

	                <div class="search-hot-words">
	                    <a href="javasctipy:;">红米Note4X</a>
	                    <a href="javascript:;">红米4X</a>
	                </div>
	                <div class="keyword-list hide">
	                    <ul class="result-list"></ul>
	                </div>
	            </form>
	        </div>
	    </div>
	</div>
	<div id="conetent_wrapper">
		<div id="content">
			<div class="swiper-container">
			  <div class="swiper-wrapper">
			    <div class="swiper-slide"></div>
			    <div class="swiper-slide swiper-slide_2"></div>
			  </div>
			</div>
			<p class="title">自助服务</p>
			<ul class="service_class_box clearfix">
				<li class="service_class">
					<p>申请售后</p>
				</li>
				<li class="service_class">
					<p>订单查询</p>
				</li>
				<li class="service_class">
					<p>小米账户</p>
				</li>
				<li class="service_class">
					<p>售后县级代理点</p>
				</li>
				<li class="service_class">
					<p>授权服务网店</p>
				</li>
				<li class="service_class">
					<p>安装服务</p>
				</li>
				<li class="service_class">
					<p>售后政策</p>
				</li>
				<li class="service_class">
					<p>查询真伪</p>
				</li>
			</ul>
			<p class="title">产品支持</p>
			<ul class="service_commodityli clearfix">
				<li>
					<div>
						<img src="img/cms_14670157357414_putWy.jpg" height="180" width="180" alt="">
					</div>
					<span>小米手机</span>
				</li>
				<li>
					<div>
						<img src="img/cms_14670157357414_putWy.jpg" height="180" width="180" alt="">
					</div>
					<span>小米手机</span>
				</li>
				<li>
					<div>
						<img src="img/cms_14670157357414_putWy.jpg" height="180" width="180" alt="">
					</div>
					<span>小米手机</span>
				</li>
				<li>
					<div>
						<img src="img/cms_14670157357414_putWy.jpg" height="180" width="180" alt="">
					</div>
					<span>小米手机</span>
				</li>
				<li>
					<div>
						<img src="img/cms_14670157357414_putWy.jpg" height="180" width="180" alt="">
					</div>
					<span>小米手机</span>
				</li>
				<li>
					<div>
						<img src="img/cms_14670157357414_putWy.jpg" height="180" width="180" alt="">
					</div>
					<span>小米手机</span>
				</li>
				<li>
					<div>
						<img src="img/cms_14670157357414_putWy.jpg" height="180" width="180" alt="">
					</div>
					<span>小米手机</span>
				</li>
				<li>
					<div>
						<img src="img/cms_14670157357414_putWy.jpg" height="180" width="180" alt="">
					</div>
					<span>小米手机</span>
				</li>
			</ul>
			<p class="title">常见问题</p>
			<ul class="service_question clearfix">
				<li class="service_question_item">
					<p>账户管理</p>
					<ul>
						<li>账户管理</li>
						<li>VIP认证</li>
						<li>忘记密码</li>
						<li>重置密码</li>
						<li>账号确认</li>
						<li>申述解锁</li>
					</ul>
				</li>
				<li class="service_question_item">
					<p>账户管理</p>
					<ul>
						<li>账户管理</li>
						<li>VIP认证</li>
						<li>忘记密码</li>
						<li>重置密码</li>
						<li>账号确认</li>
						<li>申述解锁</li>
					</ul>
				</li>
				<li class="service_question_item">
					<p>账户管理</p>
					<ul>
						<li>账户管理</li>
						<li>VIP认证</li>
						<li>忘记密码</li>
						<li>重置密码</li>
						<li>账号确认</li>
						<li>申述解锁</li>
					</ul>
				</li>
				<li class="service_question_item">
					<p>账户管理</p>
					<ul>
						<li>账户管理</li>
						<li>VIP认证</li>
						<li>忘记密码</li>
						<li>重置密码</li>
						<li>账号确认</li>
						<li>申述解锁</li>
					</ul>
				</li>
				<li class="service_question_item">
					<p>账户管理</p>
					<ul>
						<li>账户管理</li>
						<li>VIP认证</li>
						<li>忘记密码</li>
						<li>重置密码</li>
						<li>账号确认</li>
						<li>申述解锁</li>
					</ul>
				</li>
				<li class="service_question_item">
					<p>账户管理</p>
					<ul>
						<li>账户管理</li>
						<li>VIP认证</li>
						<li>忘记密码</li>
						<li>重置密码</li>
						<li>账号确认</li>
						<li>申述解锁</li>
					</ul>
				</li>
				<li class="service_question_item">
					<p>账户管理</p>
					<ul>
						<li>账户管理</li>
						<li>VIP认证</li>
						<li>忘记密码</li>
						<li>重置密码</li>
						<li>账号确认</li>
						<li>申述解锁</li>
					</ul>
				</li>
				<li class="service_question_item">
					<p>账户管理</p>
					<ul>
						<li>账户管理</li>
						<li>VIP认证</li>
						<li>忘记密码</li>
						<li>重置密码</li>
						<li>账号确认</li>
						<li>申述解锁</li>
					</ul>
				</li>
			</ul>
			<p class="title">联系客服</p>
			<div class="customer_box">
				<ul class="customer">
					<li class="fl left">
						<img class="fl" src="img/kefu-1.png" height="100" width="100" alt="">
						<div class="fl left_box">
							<p class="left_title">7×24小时在线服务</p>
							<p class="left_text">在线对话，为您解决遇到的问题</p>
							<input class="left_btn" type="button" value="立即咨询">
						</div>
					</li>
					<li class="fl right">
						<img class="fl" src="img/kefu-2.png" height="100" width="100" alt="">
						<div class="fl left_box">
							<p class="left_title">400-100-5618</p>
							<p class="left_text">周一至周日 8:00至18:00 </p>
							<p class="left_text">仅收市话费</p>
						</div>
					</li>
				</ul>
			</div>
			<img src="img/contact-weixin.png" alt="">
		</div>
	</div>
	<div class="footer">
		<div class="fuwu">
			<ul>
				<li>预约维修服务</li>
				<li>7天无理由退货</li>
				<li>15天免费换货</li>
				<li>满150元包邮</li>
				<li>520余家售后网点</li>
			</ul>
		</div>
		<div class="fuwu_det clearfix">
			<ul class="fl fuwu_det_item">
				<li class="fuwu_det_i fl">
					<p>帮助中心</p>
					<ul>
						<li>账户管理</li>
						<li>购物指南</li>
						<li>订单操作</li>
					</ul>
					
				</li>
				<li class="fuwu_det_i fl">
					<p>帮助中心</p>
					<ul>
						<li>账户管理</li>
						<li>购物指南</li>
						<li>订单操作</li>
					</ul>
				</li>
				<li class="fuwu_det_i fl">
					<p>帮助中心</p>
					<ul>
						<li>账户管理</li>
						<li>购物指南</li>
						<li>订单操作</li>
					</ul>
				</li>
				<li class="fuwu_det_i fl">
					<p>帮助中心</p>
					<ul>
						<li>账户管理</li>
						<li>购物指南</li>
						<li>订单操作</li>
					</ul>
				</li>
				<li class="fuwu_det_i fl">
					<p>帮助中心</p>
					<ul>
						<li>账户管理</li>
						<li>购物指南</li>
						<li>订单操作</li>
					</ul>
				</li>
				<li class="fuwu_det_i fl">
					<p>帮助中心</p>
					<ul>
						<li>账户管理</li>
						<li>购物指南</li>
						<li>订单操作</li>
					</ul>
				</li>
			</ul>
			<ul class="fl fuwu_det_tel">
				<li class="fuwu_det_num">400-100-5678</li>
				<li class="fuwu_det_time">周一至周日 8:00-18:00</li>
				<li class="fuwu_det_time">（仅收市话费）</li>
				<li class="fuwu_det_btn">24小时在线客服</li>
			</ul>
		</div>
		<div class="bottom clearfix">
			<div class="logo_b fl"></div>
			<div class="bottom_text fl">
				<ul>
					<li>艾家商城</li>
					<li>AiJia</li>
					<li>艾聊</li>
					<li>多看书城</li>
					<li>艾生活艾草</li>
					<li>艾疗</li>
					<li>艾家天猫店</li>
					<li>艾家淘宝直营店</li>
					<li>aijia.com</li>
				</ul>
				<p>aijia.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</p>
				<p>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
			</div>
			<div class="bottom_img fl">
				<img src="img/truste.png" alt="">
				<img src="img/v-logo-1.png" alt="">
				<img src="img/v-logo-2.png" alt="">
				<img src="img/v-logo-3.png" alt="">
			</div>
		</div>
	</div>
	<script> 
		var mySwiper = new Swiper('.swiper-container', {
			autoplay: 2000
		})
	</script>
	<script>
		var _width=$(window).width();
		$('.header-nav-menu').css('width',_width);
		$('.header-nav-menu').css('left','-40px');
		//创建页面
        function createPage(data){
	      	// if(!data){
	      	// 	$('#conetent_wrapper').html('<div class="cartblank"><div class="cartblank_text"><p>您的购物车还是空的！</p><a href="#" class="cartblank_btn">马上去购物</a></div></div>');
	      	// 	return;
	      	// }
      		// image=data.mainImg;
        }
        
	$(document).ready(function(){
		var image=[];
		var id=301;
		//要操作商品的id
      	var operate_id;
      	createPage();
		// $.ajax({
  //        	url:'http://192.168.31.211:2333/store/get?id='+id,       
  //        	type:'GET',                                
  //       	dataType:'jsonp',                         
  //       	jsonp:'callback',                          
  //       	success:function(result){
  //           	var data=result.data;
  //           	//createPage(data);
  //        	},
  //        	error:function(msg){
                          
  //        	}
  //    	}); 
  		$('.header-nav .nav-list li').mouseover(function(){
	       $(this).find($('.header-nav-menu')).css('display','block');
	    });
	    $('.header-nav .nav-list li').mouseout(function(){
	        $(this).find($('.header-nav-menu')).css('display','none');
	    });
	    
	  	$('').click(function(){
	  		
	    });
	})
	</script>
	
</body>
</html>